<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.js"></script>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/amazeui.css">
    <title>首页</title>
</head>
<body>
   <div id="index">
        <!-- 首页头部 -->
        <div class="index_head">
            <div class="logo">
                <a href="#">
                    <img src="images/logo.jpg" />
                </a>
            </div>
            <!-- 搜索 -->
            <div class="search">
                <select>
                    <option value="1">特产</option>
                    <option value="2">农产品</option>
					<option value="3">乡村旅游</option>
                </select>
                <i class="am-icon-caret-down"></i>
                <input type="search" class="text" placeholder="要买什么？">
                <input type="submit" class="submit" value="">
                <i class="am-icon-search"></i>
                <div class="clear"></div>
            </div>
            <a class="phone">
                <img src="images/phone.png" />
            </a>
        </div>
        <!-- 图片轮播 -->
        <div id="index_banner">
            <div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">
                <ul class="am-slides">
                    <li>
                        <a href="#">
                            <img src="images/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner2.png" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/banner4.jpg" />
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 栏目 -->
        <div class="order_nav">
                <ul class="box_nav am-avg-sm-4">
                    <li>
                        <a href="#specialty_mall">
                            <img src="images/index_icon02.png" />
                            <p>农贸商城</p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="#beautiful_country">
                            <img src="images/index_icon03.png" />
                            <p>美丽乡村</p>
                        </a>
                    </li>
					<li>
					    <a href="#">
					        <img src="images/index_icon01.png" />
					        <p>技术培训</p>
					    </a>
					</li>
                    <li>
                        <a href="#news_list">
                            <img src="images/index_icon04.png" />
                            <p>新闻资讯</p>
                        </a>
                    </li>
                </ul>
        </div>
        <!-- 孟经旅游列表 -->
        <div id="trip_list" style="width: 100%;overflow: hidden;">
            <div class="am-tabs" data-am-tabs>
                <div class="item_name">
                    <img src="images/index_icon05.png" />
                    <span>乡村旅游</span>
                </div>
                <!-- 选项卡点击区域 -->
                <ul class="am-tabs-nav am-nav am-nav-tabs am-avg-sm-2">
                    <li class="am-active">
                        <a href="#">旅游景区</a>
                    </li>
                    <li>
                        <a href="#">景区美食</a>
                    </li>
                </ul>
                <!-- 内容区域 -->
                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active">
                        <ul>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list3.jpg" />
                                    <div class="cont">
                                        <a href="#">查看详情</a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div> 
                                <div class="con">
                                    <span>雨林谷</span>
                                    <p>展现原生态的热带雨林景观为核心，汇集参天巨榕、百年古藤及雨林六大奇观等景观</p>
                                </div>                               
                            </li>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list4.jpg" />
                                    <div class="cont">
                                        <a href="#">查看详情</a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div> 
                                <div class="con">
                                    <span>梦幻谷</span>
                                    <p>热带雨林中沟谷瀑布的经典代表，绿野溪涧、流泉叠瀑、如诗似梦，浓缩了山泉雨林之精粹</p>
                                </div>                               
                            </li>
                        </ul>
                    </div>
                    <div class="am-tab-panel" id="tab2">
                        <ul>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list_01.jpg" />
                                    <div class="cont">
                                        <a href="#">查看购票</a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div> 
                                <div class="con">
                                    <span>黄河小浪底</span>
                                    <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                                </div>                               
                            </li>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list_01.jpg" />
                                    <div class="cont">
                                        <a href="#">查看购票</a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div> 
                                <div class="con">
                                    <span>黄河小浪底</span>
                                    <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                                </div>                               
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 特产商城 -->
        <div id="specialty_mall">
            <div id="item_name">
                <img src="images/index_icon06.png" />
                <span>特产商城</span>
            </div>
            <ul>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="images/project_01.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <label>¥300</label>
                            <span>杰尔逊西瓜庄园</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="images/syzz_3.png" />
                        </div>
                        <div class="project_cont">
                            <p>白蘑菇中是国外极为推崇的健康食品，含有人体所必需的8种氨基酸...</p>
                        </div>
                        <div class="price">
                            <label>¥500</label>
                            <span>满洲里市辖境</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="images/project_03.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>原产于中国北方黄河流域，中国古代的主要粮食作物...</p>
                        </div>
                        <div class="price">
                            <label>¥260</label>
                            <span>粟有五彩</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="images/project_04.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>黑葡萄，又称提子,含有十分丰富的原花青素等物质...</p>
                        </div>
                        <div class="price">
                            <label>¥360</label>
                            <span>葡萄庄园</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
            </ul>
            <div id="more">
                <a href="#">
                    <span>更多特产</span>
                    <i class="am-icon-angle-right"></i>
                </a>
            </div>
        </div>
        <!-- 美丽乡村 -->
        <div id="beautiful_country">
            <div id="item_name">
                <img src="images/index_icon07.png">
                <span>美丽乡村</span>
            </div>
            <ul class="am-avg-sm-2">
                <li class="beautiful_list">
                    <a href="#">
                        <div class="pic"> 
                            <img src="images/beautiful_01.jpg" />
                        </div>
                        <div class="name">
                            <img src="images/head.jpg" class="head">
                            <span>181***5241</span>
                            <div class="num">
                                <i class="am-icon-eye"></i>
                                <span>20</span>
                                <i class="am-icon-comments"></i>
                                <span>10</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <label>竹韵茶香在山川</label>
                        <p>“山不在高，有仙则名。水不在深，有龙则灵。”竹山脚下，是仙龙湖。</p>
                    </a>
                </li>
                <li class="beautiful_list">
                    <a href="#">
                        <div class="pic"> 
                            <img src="images/beautiful_02.jpg" />
                        </div>
                        <div class="name">
                            <img src="images/head.jpg" class="head">
                            <span>131***5215</span>
                            <div class="num">
                                <i class="am-icon-eye"></i>
                                <span>10</span>
                                <i class="am-icon-comments"></i>
                                <span>5</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <label>水族原生态</label>
                        <p>神眼窥世不知倿，风雨守望几多广；悄然一滴沧桑泪，落入人间记悲欿！</p>
                    </a>
                </li>
            </ul>
            <div id="more">
                <a href="#">
                    <span>更多景点</span>
                    <i class="am-icon-angle-right"></i>
                </a>
            </div>
        </div>
        <!-- 新闻资讯 -->
        <div id="news_list">
            <div id="item_name">
                <img src="images/index_icon08.png">
                <span>新闻资讯</span>
            </div>
            <ul>
                <li>
                    <a href="#" class="news">
                        <div class="pic">
                            <img src="images/398.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>以“绿色生态”为笔，绘就四清村“最美底色”...</p>
                        </div>
                        <div class="price">
                            <p>2022/6/26</p>
                            <span>18</span>
                            <i class="am-icon-eye"></i>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://www.moa.gov.cn/xw/zwdt/202106/t20210625_6370356.htm" class="news">
                        <div class="pic">
                            <img src="http://www.moa.gov.cn/xw/zwdt/202106/W020210625739484802531.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>农业农村部举办“永远跟党走”庆祝中国共产党成立100周年歌咏大会...</p>
                        </div>
                        <div class="price">
                            <p>2022/6/25</p>
                            <span>12</span>
                            <i class="am-icon-eye"></i>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://www.moa.gov.cn/xw/zwdt/202106/t20210623_6370201.htm" class="news">
                        <div class="pic">
                            <img src="http://www.moa.gov.cn/xw/zwdt/202106/W020210624310832431206.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>农业农村部党员干部集体参观“不忘初心、牢记使命”中国共产党历史展览...</p>
                        </div>
                        <div class="price">
                            <p>2022/6/23</p>
                            <span>10</span>
                            <i class="am-icon-eye"></i>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
            </ul>
            <div id="more">
                <a href="#">
                    <span>更多资讯</span>
                    <i class="am-icon-angle-right"></i>
                </a>
            </div>
        </div>
        <!-- 底部footer -->
        <div id="footer">
            <div class="first">
                <ul class="am-avg-sm-2">
                    <li class="active">
                        <a href="index.html">
                            <img src="images/icon-footer01-a.png" />
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        <a href="shop.html">
                            <img src="images/icon-footer4-a.png" />
                            <p>农贸商城</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="beautiful">
                <a href="beautiful_list.html">
                    <img src="images/icon-footer3-a.png" />
                </a>
            </div>
            <div class="last">
                <ul class="am-avg-sm-2">
                    <li>
                        <a href="trip_list.html">
                            <img src="images/icon-footer2-a.png" />
                            <p>乡村旅游</p>
                        </a>
                    </li>
                    <li>
                        <a href="user.html">
                            <img src="images/icon-footer5-a.png" />
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
		
		
   </div> 
</body>
</html>